{template "content","header"}
<link rel="stylesheet" href="{CSS_PATH}headlines/common.css" />
<link rel="stylesheet" href="{CSS_PATH}headlines/detail.css" />
<div class="header_cnt_detail clear-fix">
    <div class="header_cnt_l_detail clear-fix">
        <ul class="nav_detail clearfix">
            {pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}
            <li class='first'><a href="{siteurl($siteid)}">头条</a></li>
            {loop $data $r} {if $r[modelid]==1}
            <li><a href="{$r[url]}" target="_blank">{$r[catname]}</a></li>
            {/if} {/loop}
        </ul>
    </div>
    <div style="margin:0px auto;width:1000px;">
        <script type="text/javascript">
            /*新版 头条_内容页面_顶部通栏*/
            var cpro_id = "u3038870";
        </script>
        <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
    </div>
</div>
<div class="gg_cnt gg_cnt_detail">
    <div class="gg_cnt_contain">
        <div class="bigscreen_log">
            <a href="/" pdata="detail|wz|0|0" target="_blank">
                <span class="gg_cut_logo">头条看世界</span>
            </a>
        </div>
        <div class="gg_cnt_lrs">
            <div class="gg_cnt_left">
                <div class="detail_position">
                    <a href="{siteurl($siteid)}" class="detail_logo" target="_blank">
                        <span>{$CATEGORYS[$catid][catname]}</span>
                    </a>
                    <a href="{siteurl($siteid)}">中青头条</a>&nbsp;&nbsp;&gt;&nbsp;&nbsp;
                    <a href="{$CATEGORYS[$catid][url]}">{catpos($catid)}</a>&nbsp;&nbsp;正文
                </div>
                <!-- 天气插件 -->
                <div class="pluge-content" style="right:-30px;width:240px;padding-top:16px;">
                    <iframe allowtransparency="true" frameborder="0" width="240" height="36" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=3&z=1&t=1&v=0&d=1&bd=0&k=000000&f=000000&q=1&e=0&a=1&c=56294&w=240&h=36&align=center"></iframe>
                </div>
            </div>
            <div class="gg_cnt_right">
                <div class="input-wrap">
                    <input id="input_text" type="tetx" name="m" value="" />
                    <a id="input_btn" href="http://search.youth.cn/cse/search?q=&s=10531862195001635003&nsid=0">搜 索</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class='section' id="iscritical">
    <div class="detail_cnt clear-fix">
        <div class='main_content' style="position: relative;overflow: hidden;">
            <div class='article'>
                <div class="detail_left clear-fix">
                    <div class="detail_left_cnt">
                        <div class="J-title_detail title_detail">
                            <h1><span>{$title}</span></h1>
                            <div class="share_cnt_p clearfix">
                                <div class="fl">
                                    <i>发表时间：{$inputtime}</i>
                                    <i>来源：<a target="_blank" href="{$copyfrom_url}">{$copyfrom_name}</a></i>
                                </div>
                            </div>
                        </div>
                        <div class="gg_detail_cnt clearfix" id="dsp_btxf">
                            <script type="text/javascript">
                                /*新版 头条_内容页面_标题下方*/
                                var cpro_id = "u3038872";
                            </script>
                            <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                        </div>
                        <div class="J-contain_detail_cnt contain_detail_cnt" id="J-contain_detail_cnt">{$content}</div>
                        <div style="margin-top:15px;">
                            <script type="text/javascript">
                                /*新版 头条_内容页面_正文下方*/
                                var cpro_id = "u3038879";
                            </script>
                            <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                        </div>
                        <div id="pages" class="text-c">{$pages}</div>
                        <div style="margin-bottom:15px">
                            <script type="text/javascript">
                                /*新版 头条_内容页面_分页下方*/
                                var cpro_id = "u3038930";
                            </script>
                            <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                        </div>
                    </div>
                </div>
            </div>
            <div class='aside' id="detail_aside">
                <div class="detail_right_cnt clear-fix">
                    <div class="right_padding paddingtop">
                        <script type="text/javascript">
                            /*新版 头条_内容页面_右1*/
                            var cpro_id = "u3038883";
                        </script>
                        <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                    </div>
                    <div class="xfcnt_lft clear-fix">
                        <div class="main_r_title">
                            <h4><span><em></em>今日热点</span></h4>
                        </div>
                        <div class="main_item_cnt">
                            {pc:content  action="position" thumb="1" posid="21" order="listorder DESC" num="5"}
                            <ul class="sift_item">
                                {loop $data $key $val}
                                <li>
                                    <a href="{$val['url']}" target="_blank" title="{$val['title']}">
                                        <?php
	                                        $thumb_arr=explode('|',$val['thumb']);
	                                        $thumb=$thumb_arr[0];
	                                     ?>
                                        <span><img class="scrollLoading" src="{$thumb}?x-oss-process=style/show_right" alt="{$val['title']}"></span>
                                        <p>{$val['title']}</p>
                                    </a>
                                </li>
                                {/loop}
                            </ul>
                            {/pc}
                        </div>
                        <div class="right_padding paddingtop">
                            <script type="text/javascript">
                                /*新版 头条_内容页面_右2*/
                                var cpro_id = "u3038888";
                            </script>
                            <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                        </div>
                        <div class="main_r_title" style="margin-top:20px">
                            <h4><span><em></em>特别推荐</span></h4>
                        </div>
                        <div class="main_item_cnt" id="unartificial">
                            {pc:content  action="position" posid="2" thumb="1" order="listorder DESC" num="10"}
                            <ul id="special_more_item" class="special-list">
                                {loop $data $k $val}
                                <?php
                                    $thumb_arr=explode('|',$val['thumb']);
                                    $thumb=$thumb_arr[0];
                                 ?>
								<li class="special-item">
                                    {if $n === 1} 
                                    <a class="clearfix active" href="{$val['url']}" title="{$val['title']}" target="_blank">
                                    {else}
                                    <a class="clearfix" href="{$val['url']}" title="{$val['title']}" target="_blank">    
                                    {/if}
								        <span class="index i{$n}"></span>
                                        <p class="fl img">
                                            <img class="scrollLoading" src="{$thumb}?x-oss-process=style/show_right" width="100" height="75" alt="{$val['title']}">
                                        </p>
								        <p class="txt">{$val['title']}</p>
									</a>
								</li>
								{/loop}
							</ul>
                            {/pc}
                        </div>
                        <div class="right_padding paddingtop paddingbottom">
                            <script type="text/javascript">
                                /*新版 头条_内容页面_右3*/
                                var cpro_id = "u3038893";
                            </script>
                            <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                        </div>
                        <div class="main_r_title">
                            <h4><span><em></em>奇闻趣事</span></h4>
                        </div>
                        <div class="main_item_cnt">
                            {pc:content  action="position" thumb="1" posid="28" order="listorder DESC" num="5"}
                            <ul class="main_item_news">
                               {loop $data $key $val}
                                <?php
                                    $thumb_arr=explode('|',$val['thumb']);
                                    $thumb=$thumb_arr[0];
                                ?>
                                <li>
                                    <a title="{$val['title']}" href="{$val['url']}" target="_blank" class="news_pic">
                                      <img class="animation" src="{$thumb}?x-oss-process=style/show_right" alt="{$val['title']}" width="145" height="105">
                                    </a>
                                    <a href="{$val['url']}" target="_blank" class="title_news" title="{$val['title']}">{$val['title']}</a>
                                </li>
                                {/loop}
                            </ul>
                            {/pc}
                        </div>
                        <div class="right_padding paddingbottom">
                            <script type="text/javascript">
                                /*新版 头条_内容页面_右4*/
                                var cpro_id = "u3038898";
                            </script>
                            <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                        </div>
                       <div class="main_r_title">
                            <h4><span><em></em>小编精选</span></h4>
                        </div>
                        <div class="main_item_cnt" id="unartificial">
                           {pc:content  action="position" thumb="1" posid="23" order="listorder DESC" num="5"}
                            <ul class="sl-list">
                                {loop $data $key $val}
                                <li class="sl-item" style="position:relative;">
                                    <i class="dot-sm" style="left:10px;"></i>
                                    <a style="padding-left:10px;" class="title-sub" href="{$val['url']}" target="_blank" title="{$val['title']}">{$val['title']}</a>
                                </li>
                                {/loop}
                            </ul>
                            {/pc}
                        </div>
                        <div class="right_padding paddingbottom" style="margin-top:20px">
                            <script type="text/javascript">
                                /*新版 头条_内容页面_右5*/
                                var cpro_id = "u3038901";
                            </script>
                            <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                        </div>
                        <div class="main_r_title">
                            <h4><span><em></em>热点排行</span></h4>
                        </div>
                        <div class="main_item_cnt" style='height:auto;'>
                            {pc:content  action="position" thumb="1" posid="29" order="listorder DESC" num="5"}
                            <ul id='sift_item_cnt' class="sift_item">
                                {loop $data $key $val}
                                <li>
                                    <a href="{$val['url']}" target="_blank" title="{$val['title']}">
                                        <?php
                                            $thumb_arr=explode('|',$val['thumb']);
                                            $thumb=$thumb_arr[0];
                                        ?>
                                        <span><img class="scrollLoading" src="{$thumb}?x-oss-process=style/show_right" alt="{$val['title']}"></span>
                                        <p>{$val['title']}</p>
                                    </a>
                                </li>
                                {/loop}
                            </ul>
                            {/pc}
                        </div>
                        <div id="paddingtop_last">
                            <div class="right_padding" style="margin-top:20px">
                                <script type="text/javascript">
                                    /*新版 头条_内容页面_右6*/
                                    var cpro_id = "u3038906";
                                </script>
                                <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                            </div>
                            <div class="right_padding paddingtop">
                                <script type="text/javascript">
                                    /*新版 头条_内容页面_右7*/
                                    var cpro_id = "u3038908";
                                </script>
                                <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom_over_cnt">
                <div class="guess_like  clear-fix">
                    <div class="guess_title rel-recmmend"><span>相关推荐<i></i></span></div>
                    <div class="guess_contain">
                       {pc:content  action="position" posid="25" order="listorder DESC" num="12"}
                        <ul class="recomend_content">
                            {loop $data $r}
                            <li>
                                <span></span>
                                <a href="{$r[url]}" title="{$r[title]}" target="_blank">{$r[title]}</a>
                            </li>
                            {/loop}
                        </ul>
                        {/pc}
                    </div>
                </div>
                <div class="guess_like  clear-fix">
                    <div class="guess_title news-focus"><span>新闻聚焦<i></i></span></div>
                    {pc:content  action="position" posid="26" order="listorder DESC" num="4"}
                    <div class="news_focus" id="news_focus_normal" style="display: block;">
                        <ul class="focus_img">
                            {loop $data $key $val}
                            <?php
                                $thumb_arr=explode('|',$val['thumb']);
                                $thumb=$thumb_arr[0];
                            ?>
                            <li>
                                <a href="{$val['url']}" target="_blank" title="{$val['title']}">
                                    <img class="scrollLoading" src="{$thumb}" alt="{$val['title']}">
                                    <span style="display: block;overflow: hidden">{$val['title']}</span>
                                </a>
                            </li>
                            {/loop}
                        </ul>
                    </div>
                    {/pc}
                    <script type="text/javascript">
                        /*新版 头条_内容页面_新闻聚焦*/
                        var cpro_id = "u3038943";
                    </script>
                    <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                </div>
                <div class="guess_like  clear-fix">
                    <div class="guess_title guess-yl"><span>猜你喜欢<i></i></span></div>
                    <script type="text/javascript">
                        /*新版 头条_内容页面_猜你喜欢*/
                        var cpro_id = "u3038949";
                    </script>
                    <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                </div>
                <div class="guess_like  clear-fix">
                    <div id='rmtj_title' class="guess_title guess-yl"><span>热门推荐<i></i></span></div>
                    {pc:content  action="position" thumb="1" posid="22" order="listorder DESC" num="10"} 
                    <ul class="tjnewsrcontent">
                        {loop $data $key $val}
                        <?php
                            $thumb_arr=explode('|',$val['thumb']);
                            $thumb=$thumb_arr[0];
                        ?>
                        <li class="recommend_news">
                        <a class="red_news" href="{$val['url']}" target="_blank" title="{$val['title']}">
                            <div class="pic">
                                <img class="scrollLoading" src="{$thumb}" alt="{$val['title']}">
                            </div>
                            <div class="text">
                                <h3>{$val['title']}</h3>
                                <p class="content_so">{$val['description']}</p>
                            </div>
                        </a>
                        </li>
                        {/loop}
                    </ul>
                    {/pc}
                    <script type="text/javascript">
                        /*新版 头条_内容页面_热门推荐下方*/
                        var cpro_id = "u3038951";
                    </script>
                    <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var cpro_id = "u3038952";
</script>
<script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/i.js"></script>
<div class="footer" style="margin-top:25px">
    <div id='footer' class="footer_cnt" style="line-height:22px;padding:15px 0">
        <!-- <p>共青团中央主办 共青团中央网络影视中心承办 版权所有：中国青年网</p> -->
        <p>24小时违法和不良信息举报电话：010-57380720</p>
        <!-- <p>信息网络传播视听节目许可证0105108号</p> 
        <p>京ICP备11020872号-17 京公网安备110105007246</p> -->
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $("#special_more_item li").mouseenter(function(){
            var $this=$(this);
            $this.find("a").addClass("active");
            $this.siblings().find("a").removeClass("active");
        })
        $("#input_text").keyup(function() {
            var $val = jQuery.trim($(this).val()) ? jQuery.trim($(this).val()) : '';
            var url = "http://search.youth.cn/cse/search?s=6006151520371175686&ie=utf-8&q=";
            $("#input_btn").attr("href", encodeURI(url + $val));
        })
        var window_w = ($(window).width() - 1000) / 2 + 1;
        var last_top = $("#paddingtop_last").offset().top;
        var $into = $("#detail_aside").height();
        var into = $("#iscritical").height();
        $(window).bind("scroll", function() {
            if ($into < into) {
                showload();
            }
        });
        $(window).resize(function() {
            if ($into < into) {
                window_w = ($(window).width() - 1000) / 2 + 1;
                last_top = $("#paddingtop_last").offset().top;
                showload();
            }
        })

        function showload() {
            var scrollTop = parseFloat($(window).scrollTop());
            if (scrollTop > last_top) {
                $("#paddingtop_last").css({
                    "position": "fixed",
                    "top": 0,
                    "right": window_w
                });
            } else {
                $("#paddingtop_last").css({
                    "position": "relative",
                    "top": 0,
                    "right": 0
                });
            }
        }
    })

</script>
<script type="text/javascript" src="{APP_PATH}api.php?op=mycount&id={$id}"></script>
{template "content","footer"}
